<template>
  <div id="app">
    <Header
      v-bind="{ setindex, user, dialogVisible, setdialogVisible }"
    ></Header>
    <Banner
      v-if="imageList.length"
      v-bind="{ banner: imageList, user, setdialogVisible }"
    ></Banner>
    <router-view
      v-bind="{
        schoolName,
        schoolInfo,
        schoolLogo,
        setindex,
        user,
        setdialogVisible,
        gettomain,
      }"
    ></router-view>
    <!-- <Index v-bind="{}" v-if="typeof index === 'boolean'"></Index>
    <Index2 v-else></Index2> -->
    <Footer v-bind="{ gettomain }"></Footer>
  </div>
</template>

<script>
import Header from "./components/head";
import Banner from "./components/banner";
import Footer from "./components/footer";

import imglist1 from "@/assets/hkhtdx/a1.png";
import imglist2 from "@/assets/hkhtdx/a2.png";
import imglist3 from "@/assets/hkhtdx/a3.png";
import imglist4 from "@/assets/hkhtdx/a4.png";
import imglist5 from "@/assets/hkhtdx/a5.png";
import sfdx1 from "@/assets/sfdx/1_1920x432.png";
import sfdx2 from "@/assets/sfdx/2_1920x432.png";
import sfdx3 from "@/assets/sfdx/3_1920x432.png";
import sfdx4 from "@/assets/sfdx/4_1920x432.png";
import xxkjdx1 from "@/assets/xxkjdx/1_1920x432.png";
import xxkjdx2 from "@/assets/xxkjdx/2_1920x432.png";
import xxkjdx3 from "@/assets/xxkjdx/3_1920x432.png";
import xxkjdx4 from "@/assets/xxkjdx/4_1920x432.png";
import xxkjdx5 from "@/assets/xxkjdx/5_1920x432.png";
import xxkjdx6 from "@/assets/xxkjdx/6_1920x432.png";
import yddx1 from "@/assets/yddx/1_1920x432.png";
import yddx2 from "@/assets/yddx/2_1920x432.png";
import yddx3 from "@/assets/yddx/3_1920x432.png";
import yddx4 from "@/assets/yddx/4_1920x432.png";
import zycjdx1 from "@/assets/zycjdx/1_1920x432.png";
import zycjdx2 from "@/assets/zycjdx/2_1920x432.png";
import zycjdx3 from "@/assets/zycjdx/3_1920x432.png";
import zycjdx4 from "@/assets/zycjdx/4_1920x432.png";
import zycjdx5 from "@/assets/zycjdx/5_1920x432.png";
import banner1 from "@/assets/banner.png";
import banner2 from "@/assets/banner2.jpg";
import 北航logo from "@/assets/bjhkhtdxlogo.png";
import 北师大logo from "@/assets/bjsplogo.png";
import 北信科logo from "@/assets/bjxxkjdxlogo.jpg";
import 北邮logo from "@/assets/bjydlogo.png";
import 外交logo from "@/assets/wjyxylogo.png";
import 矿大logo from "@/assets/kydxlogo.png";
import 中财logo from "@/assets/zycjlogo.png";
const 北航 = [imglist1, imglist2, imglist3, imglist4, imglist5];
const 北师 = [sfdx1, sfdx2, sfdx3, sfdx4];
const 信息科技 = [xxkjdx1, xxkjdx2, xxkjdx3, xxkjdx4, xxkjdx5, xxkjdx6];
const 北邮 = [yddx1, yddx2, yddx3, yddx4];
const 财经 = [zycjdx1, zycjdx2, zycjdx3, zycjdx4, zycjdx5];
const banner = [banner1, banner2];
export default {
  components: {
    Header,
    Banner,
    Footer,
  },
  name: "App",
  data() {
    const b = [];
    b[0] = {
      banner: banner[0],
      click: this.gettomain,
    };
    b[1] = {
      banner: banner[1],
      click: this.publicclick,
    };
    return {
      index: false,
      user: null,
      dialogVisible: false,
      banner: b,
      schoollist: [
        {
          title: "北京航空航天大学",
          imglist: 北航,
          logo: 北航logo,
          context: `<p>北京航空航天大学（简称北航）成立于1952年，由当时的清华大学、北洋大学、厦门大学、四川大学等八所院校的航空系合并组建，是新中国第一所航空航天高等学府，现隶属于工业和信息化部。学校分为学院路校区、沙河校区，占地3000多亩，总建筑面积170余万平方米。建校以来，北航一直是国家重点建设的高校，是全国第一批16所重点高校之一，也是80年代恢复学位制度后全国第一批设立研究生院的22所高校之一，首批进入“211工程”，2001年进入“985工程”，2013年入选首批“2011计划”国家协同创新中心，2017年入选国家“双一流”建设高校名单。学校第十六次党员代表大会提出以建设扎根中国大地的世界一流大学为发展愿景目标。
    </p>
    <p>北京航空航天大学沙河校区2007年开工建设，2010年完成一期建设任务并投入使用。校区位于北京市昌平沙河高教园区，距学院路校区约26公里，总建筑面积91.30万平方米，目前，已完成建筑面积39.15万平方米。</p>
    <p>沙河校区的建设是学校未来发展的重要基石，是学校发展历史上重要里程碑。2018年7月，我校正式印发两校区布局规划，明确了学科布局方案，由以年级划分的横向切分向以学科划分的纵向切分转变，沙河校区将建成航空航天优势突出，材料制造实力雄厚，交通科学跨越发展，卓越理科大幅提升的创新人才培养和前沿科学研究基地。通过两校区布局规划的实施，在北京地区形成“沙河-学院路”双核发展的态势，建设空天信医深度融合，理工人文交相辉映，新兴前沿蓬勃发展，广大师生宜教乐学的一流大学。
    </p>
    <p>沙河校区校园环境优美，已累计完成近5000余棵绿化树木，有银杏、梧桐、国槐、杨树、桃树等，建有人工湖、天空之境等景观，安置有校训内容的“文化石”，
        2012年10月25日国家天文台经国际天文学联合会小天体命名委员会批准，将永久编号为09830的小行星命名为“北航星”，“北航星”纪念雕塑同时落成，与沙河校区广场中央的办学理念主题雕塑《世纪之声》以及《校训树》、校歌《仰望星空》浮雕等治学文化景观遥相呼应，共同展现学校的精神传统与文化特质。此外，在教学楼的下沉广场，在墙面上布展有科学与文化、航空航天两个主题墙。同时，为不断提升校园环境，沙河校区完成了主楼亮化改造，丰富了主楼周边照明，打造成高教园区新夜景。
    </p>
    <p>截止目前，共有11个学院常驻沙河校区，其中9个学院为整建制入驻：能源与动力学院、数学学院、交通学院、宇航学院、飞行学院、物理学院、化学学院、空间与环境学院、航空发动机研究院。在校学生8606人，其中本科生5786人，硕士生1643人，博士生1177人；常驻教师、职工及工勤人员约1400人。
    </p>`,
        },
        {
          title: "北京师范大学",
          imglist: 北师,
          logo: 北师大logo,
          context: `<p>北京师范大学是教育部直属重点大学，是一所以教师教育、教育科学和文理基础学科为主要特色的著名学府。学校的前身是1902年创立的京师大学堂师范馆，1923年学校更名为北京师范大学，成为中国历史上第一所师范大学。</p>
    <p>
        经过百余年的发展，学校秉承“爱国进步、诚信质朴、求真创新、为人师表”的优良传统和“学为人师，行为世范”的校训精神，形成了“治学修身，兼济天下”的育人理念。</p>
    <p>
        “七五”、“八五”期间，北京师范大学被确定为国家首批重点建设的十所大学之一。“九五”期间，被首批列入“211工程”建设计划。“十五”期间，学校进入国家“985工程”建设计划。2017年，学校进入国家“世界一流大学”建设A类名单，11个学科进入国家“世界一流学科”建设名单。
    </p>
    <p>
        北京师范大学由北京校区、珠海校区两个校区（含四个校园）组成。北京校区现有全日制在校生近24000人，珠海校区于2019年4月由教育部正式批准建设，现有本研学生3600余人。学校设3个学部、25个学院、2个系、11个研究院（所）。
    </p>
    <p>
        北京师范大学学科综合实力位居全国高校前列。现有本科专业76个、硕士学位授权一级学科38个、博士学位授权一级学科31个、博士后科研流动站28个。5个一级学科、11个二级学科获批国家重点学科。</p>
    <p>
        北京师范大学教师队伍结构合理、素质精良。现有教职工3275人，其中专任教师2219人，92%的专任教师具有博士学位，18%的专任教师具有海外学历。</p>
    <p>
        北京师范大学国际合作交流广泛。学校与30多个国家和地区的近500所大学、研究机构签署了合作协议，与美国、加拿大、英国、德国、日本、韩国、瑞士、西班牙、港澳台等国家和地区的200余所大学有学生交流项目的合作。</p>
    <p>
        北京师范大学第十三次党代会进一步明确了建设“综合性、研究型、教师教育领先的中国特色世界一流大学”的办学定位，提出了“三步走”的战略构想，明确到本世纪中叶进入世界一流大学前列。当前，学校正着力构建“高原支撑、高峰引领”的学科发展体系和以北京校区和珠海校区为两翼的一体化办学格局，不断深化综合改革，向着建设世界一流大学的目标稳步迈进。
    </p>`,
        },
        {
          title: "北京信息科技大学",
          imglist: 信息科技,
          logo: 北信科logo,
          context: `
            <p>北京信息科技大学由原机械部所属北京机械工业学院和原电子部所属北京信息工程学院合并组建、多学科协调发展、北京市重点支持建设高校。办学历史可以追溯至1937年。在长达84年办学历程中形成了鲜明的信息特色、行业特色、军工特色。学校现有5个校区，另有占地1200余亩的沙河新校区已经全面开工建设，一期工程竣工在即，2021年实现一期搬迁。</p><p>
            学校坚持立德树人，着力培养具有较强实践能力、创新意识与国际化意识的高素质应用型人才。现有全日制本科生10743人，研究生1963人，留学生144人。现有43个本科专业，其中国家级一流专业建设点11个北京市级一流专业建设点7个，5个专业通过工程教育专业认证。获得国家级教育教学成果二等奖1项，入选首批北京市深化创新创业教育改革示范高校。毕业生就业竞争力强、起薪高，受到用人单位广泛好评。</p>
            <p>师资力量较为雄厚。现有专任教师1038人，其中68.3%具有博士学位，62.2%具有高级职称；拥有国家级“百千万人才工程”2人，青年“国家人才项目”1人。包括北京学者、教学名师等在内的北京市级各类人才100多人。北京市级以上创新团队、育人团队等各类团队30余个。</p>
            <p>学科实力不断增强。现有一级学科硕士点13个，6个专业硕士学位授权类别。拥有北京市高精尖学科2个。构建了辐射全部一级学科的信息特色学科群。2018年学校入选博士学位授予立项建设单位，2020年被列入北京市2020年博士学位授权审核推荐名单。有兼职博士生导师41人，硕士生导师增至483人、企业导师289人。</p>
            <p>科技创新优势突出。获得国家科学技术进步二等奖和国家科学技术发明二等奖5项。年度科研经费突破2亿元，省部级研究机构26个。校办科技产业资产总额超过5亿元。参股的拓尔思信息技术股份有限公司是北京市属高校中首家上市企业。</p>
            <p>国际化办学不断扩大。与百余所国外大学建立了校际交流与合作关系，实现了本、硕、博全方位的联合培养模式。中外合作办学项目1个。国家“111计划”引智基地1个。设有本科和研究生两个层次的国际学生学位培养项目。</p><p>当前，学校顺应信息时代发展趋势，坚持以政治建设为统领，继续推进内涵发展、特色发展、差异化发展，朝着建设信息特色鲜明的高水平应用型大学大步迈进。</p>

`,
        },
        {
          title: "北京邮电大学",
          imglist: 北邮,
          logo: 北邮logo,
          context: `<p>北京邮电大学是教育部直属、工业和信息化部共建、首批进行“211工程”建设的全国重点大学，是“985优势学科创新平台”项目重点建设高校，是一所以信息科技为特色、工学门类为主体、工管文理协调发展的多科性、研究型大学，是我国信息科技人才的重要培养基地。2017年，“信息网络科学与技术学科群”和“计算机科学与网络安全学科群”两个学科群进入一流学科建设行列。
    </p>
    <p>
        学校坚持以习近平新时代中国特色社会主义思想为指导，坚持立德树人根本任务，扎根中国大地办好中国特色社会主义大学。学校始终肩负“传邮万里
        国脉所系”的家国情怀。自1955年建校以来，经过60多年的建设与发展，学校全日制教育已经形成了信息背景浓郁、专业特色鲜明、学科优势突出的办学格局。学校现设有信息与通信工程学院、电子工程学院、计算机学院（国家示范性软件学院）、网络空间安全学院、人工智能学院、现代邮政学院（自动化学院）、经济管理学院、理学院、人文学院、数字媒体与设计艺术学院、马克思主义学院、国际学院、网络教育学院（继续教育学院）、体育部等14个教学单位，并设有研究生院。学校信息与通信工程、计算机科学与技术以及电子科学与技术三个一级学科在教育部第四轮学科评估中被评为A类学科，其中信息与通信工程取得了A+的优异成绩。
    </p>
    <p>
        学校现有海淀校区、昌平校区。全日制本、硕、博学生及留学生27000余名，正式注册的非全日制学生近56000余名。</p>
    <p>
        北京邮电大学聚焦国家重大战略需求，以网络强国战略目标为导向，遵循高等教育办学规律，实施质量立校战略、特色名校战略、科技兴校战略、人才强校战略、开放办校战略、文化铸校战略、依法治校战略、和谐荣校战略，以高质量党建引领学校高质量发展，牢固树立事业型思维，不断推进学校教育事业综合改革。在全体师生的共同努力下，学校的改革与发展进入了一个新的阶段。
    </p>
    <p>
        北京邮电大学在“团结 勤奋 严谨 创新”的校风、“厚德博学 敬业乐群”的校训和“崇尚奉献 追求卓越”的北邮精神的引领下，正朝着建成信息科技特色世界一流大学这一宏伟目标而阔步前进。</p>`,
        },
        {
          title: "北京外交学院",
          imglist: banner,
          logo: 外交logo,
          context:
            '<p>外交学院是以服务中国外交事业为宗旨，培养一流外交外事人才的小规模、高层次、特色鲜明的外交部唯一直属高校。在周恩来总理倡议下，1955年经党中央、毛主席批准成立。周总理为学院亲笔题写校名，时任国务院副总理兼外交部部长陈毅元帅担任外交学院首任院长。</p><p>外交学院认真贯彻党的教育方针，以周恩来总理向外交人员提出的“站稳立场、掌握政策、熟悉业务、严守纪律”十六字方针作为校训，以江泽民同志为我院所作“立足祖国、放眼世界、面向未来、培育英才”的题词精神和钱其琛同志对我院提出的“面向世界，面向未来、面向社会、面向实际”为办学方针，把培养高层次外交外事人才作为办学目标。</p><p>我院秉承外交特色鲜明，外语优势突出的办学理念，致力于培养"爱祖国、知世界，通专业、精外语，高素质、复合型"的优秀外交外事人才。学院提倡理论联系实际、实事求是、刻苦严谨的学风，强调德智体全面发展。在思想政治品德方面，重视修养教育，尤其重视爱国主义、集体主义、社会主义和国情意识、组织纪律性教育。</p><p>为适应我国改革开放、外交外事及涉外工作对各种人才的需要，我院采取“多规格、多层次、多形式”的办学体制, 招收博士研究生、硕士研究生、本科生。我院设立了外交与外事管理系、英语系、外语系、国际法系、国际经济学院、基础教学部、研究生部、国际关系研究所、国际教育学院等9大教学单位，还有亚洲研究所、周恩来外交研究中心、国际法研究所等30余个研究中心。</p><p>建设世界一流学科大学是党和国家赋予外交学院的光荣使命,外交学院迎来了新的发展机遇。我院积极开拓创新、探索培养复合型外交外事人才的新途径，全面提升学科建设水平，深化教学改革、提高教学质量。全院师生员工共同努力，努力成为“新时期中国外交人才队伍的孵化器，新时期中国外交理论研究与创新的排头兵和新时期对外交流合作的生力军”，将一流人才输送给祖国外交事业。</p>',
        },
        {
          title: "中国矿业大学",
          imglist: banner,
          logo: 矿大logo,
          context: `<p>中国矿业大学（北京）是教育部直属的全国重点高校、国家“211工程”、“985优势学科创新平台项目”、世界一流学科建设高校，是全国首批产业技术创新战略联盟高校，同时也是教育部与原国家安全生产监督管理总局共建高校。1960年和1978年，学校先后两次被确定为全国重点高校，为全国首批具有博士和硕士授予权的高校之一，设有研究生院和12个学院。学校有两个校区：学院路校区坐落于北京市高校云集的海淀区学院路，沙河校区坐落于北京市昌平沙河高教区。
    </p>
    <p>
        学校建设与发展，始终得到党和国家领导人亲切关怀。毛泽东同志发出“开发矿业”的号令。邓小平同志亲笔题写学校校名。江泽民同志来校视察科研工作并为学校建校90周年题词。胡锦涛同志为学校建校100周年发来贺信。110年来，学校与中国工业化进程同步发展，与人民共和国一起成长。经过一代又一代矿大人的努力奋斗，学校形成了“明德至善、好学力行”的校训，铸就了中国能源工业高等教育的一流品牌和独特的精神文化品格。
    </p>
    <p>
        中国矿业大学（北京）以理工为主、以矿业与安全为特色，理工文管法经等多学科协调发展的学科专业体系和多科性大学的基本格局。学校现有32个本科招生专业，有17个一级学科博士点，33个一级学科硕士点，18个硕士专业学位授权点，16个博士后科研流动站；有1个一级学科国家重点学科，8个二级学科国家重点学科，1个国家重点培育学科；矿业工程、安全科学与工程2个学科为国家“双一流”建设学科，城市工程地球物理、城市地下空间工程2个学科入选北京高校高精尖学科建设名单。学校拥有一支高水平的师资队伍，现有各类教职工1062人。专任教师中，有教授206人，副教授282人；博士生导师227名，硕士生导师269名，拥有博士学位的教师比例达80%以上。
    </p>
    <p>
        中国矿业大学（北京）坚持以习近平新时代中国特色社会主义思想为指导，全面贯彻党的教育方针，坚持社会主义办学方向，落实立德树人根本任务，按照“深化改革、强化特色、提高质量、创新发展”的总体思路，积极推进世界一流大学和一流学科建设工作，使学校整体办学水平实现新的跨越发展，努力把学校建成世界一流能源科技大学。
    </p>`,
        },
        {
          title: "中央财经大学",
          imglist: 财经,
          logo: 中财logo,
          context: `<p>中央财经大学是教育部直属，教育部、财政部和北京市共建的大学，是国家“双一流”建设、“211工程”建设和首批“优势学科创新平台”项目建设高校。</p>
    <p>
        学校始建于1949年11月6日，秉持“忠诚、团结、求实、创新”的校训，传承“求真求是，追求卓越”的办学理念，形成了鲜明的办学特色，培养了14万余名各级各类高素质人才，被誉为“中国财经管理专家的摇篮”。</p>
    <p>
        学校总占地面积1027165平方米，其中学院南路校区占地面积141962平方米，沙河校区占地面积789798平方米。截至2020年12月，学校普通本科生10103人，硕士研究生5330人，博士研究生755人，留学生358人，成人教育学生3493人,教职工1785人。
    </p>
    <p>
        学校形成了以经济学、管理学和法学学科为主体的多学科协调发展的学科体系，设有55个本科专业，拥有经济学、管理学本科专业自主设置权，拥有8个国家特色专业建设点和7个北京市特色专业建设点，拥有国家级一流本科专业建设点12个、北京市一流本科专业建设点4个和北京市重点建设一流专业3个。拥有应用经济学国家“双一流”建设学科，应用经济学一级学科和会计学二级学科国家重点学科，工商管理、统计学一级学科，政治经济学、马克思主义中国化研究、世界经济二级学科和经济信息管理、跨国公司管理交叉学科等北京市重点学科。拥有5个博士学位授权一级学科，16个硕士学位授权一级学科和18个硕士专业学位授权类别，拥有5个博士后科研流动站，拥有国家“优势学科创新平台”首批5个试点项目之一“经济学与公共政策优势学科创新平台”。
    </p>
    <p>
        学校注重对学生创新精神与实践能力的培养，2006年和2007年，学校相继成为教育部“国家大学生文化素质教育基地”和“国家大学生创新性实验计划项目”首批高校。2010年,学校成为国家“财经应用型创新人才培养模式改革试点”院校和教育部“专业学位研究生教育综合改革试点”院校。
    </p>
    <p>
        学校实施国际化战略，大力开展多形式、多层次的国际交流与合作，与遍及世界五大洲的高校、政府机构、国际组织、跨国企业等180余家单位建立了合作关系。</p>
    <p>
        学校根据国内外高等教育发展趋势和我国社会经济发展需要，结合自身发展优势，经过科学论证，明确了学校的发展战略目标：将中央财经大学建设成为有特色、多科性、国际化的高水平研究型大学。</p>`,
        },
      ],
    };
  },
  created() {
    this.me();
  },
  computed: {
    schoolName() {
      const { $route } = this;
      if ($route.name === "school") {
        return this.schoollist[$route.params.id].title;
      }
      return "";
    },
    schoolLogo() {
      const { $route } = this;
      if ($route.name === "school") {
        return this.schoollist[$route.params.id].logo;
      }
      return "";
    },
    schoolInfo() {
      const { $route } = this;
      if ($route.name === "school") {
        return this.schoollist[$route.params.id].context;
      }
      return "";
    },
    imageList() {
      const { $route } = this;
      if ($route.name === "school") {
        return this.schoollist[$route.params.id].imglist.map((v) => {
          return {
            banner: v,
            click: () => {},
          };
        });
      }
      return this.banner;
    },
  },
  methods: {
    setindex(t) {
      this.index = t;
    },
    set() {},
    me() {
      window.$.post(window.baseUrl + "user/me")
        .then((e) => {
          this.user = e;
        })
        .catch((e) => {
          console.log(e);
        });
    },
    setdialogVisible(v) {
      this.dialogVisible = v;
    },
    gettomain() {
      if (this.user) {
        window.location.href = window.baseUrl + "authentication/main";
      } else {
        this.setdialogVisible(true);
      }
    },
    publicclick() {
      this.$router.push({
        name: "共享课程",
      });
    },
  },
};
</script>

<style>
* {
  font-size: 14px;
  text-align: justify;
}
p {
  font-size: 15px;
  text-indent: 30px;
  letter-spacing: 1px;
  line-height: 28px;
}
#app {
  background-color: rgb(247, 247, 247);
}

.width400 {
  width: 400px;
  margin-left: 20px;
}
.con1 {
  margin-top: 38px;
  margin-bottom: 30px;
}

.width60 {
  height: 90px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.width60 .float-right {
  line-height: 60px;
  padding-right: 45px;
  cursor: pointer;
}

.f-12 {
  font-size: 12px;
}
.con3Button {
  background-color: var(--primary);
  color: var(--light);
  height: 28px;
  width: 90px;
  line-height: 28px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  border-radius: 5px;
}
.con3-text {
  height: 28px;
  width: 90px;
  line-height: 28px;
  color: #6c757d;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  border-radius: 5px;
}
.con3-text:hover {
  background-color: var(--primary);
  color: var(--light);
}
.yxkc {
  width: 180px;
  height: 45px;
  margin-right: 40px;
  vertical-align: top;
  display: inline-block;
}
#app {
  font-family: Source Han Sans CN;
}
.newtooltip {
  width: 50px;
  height: 40px;
  overflow: hidden;
}
.popper__arrow {
  display: none !important;
}
</style>
